<!DOCTYPE >
<html lang="zh-cn">

	<head>
		<title>无独团</title>
		<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
		<meta name="baidu-site-verification" content="Rv4JpdcloI" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="author" content="广州小蚕科技" />
		<meta http-equiv="X-UA-Compatible" content="edge" />
		<meta name="author" content="广州小蚕科技" />
		<meta http-equiv="X-UA-Compatible" content="edge" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui" />-->
		<!--<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900,300italic" rel="stylesheet" />-->
		<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico">
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/icon-57.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/icon-72.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/icon-114.png">
		<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/icon-144.png">

		<!--[if IE]>
				<script src="/js/public/plugin/html5.js"></script>
		<![endif]-->
		<!--[if lte IE 8]><script src="/js/public/plugin/html5shiv.js"></script><link rel="stylesheet" href="/css/ie8.css" /><![endif]-->
		<script src="/js/public/plugin/jquery-1.9.1.min.js"></script>
		<script src="/js/public/plugin/jquery.dropotron.js"></script>
		<script src="/js/public/plugin/config.js"></script>
		<script src="/js/public/plugin/skel.min.js"></script>
		<script src="/js/public/plugin/skel-panels.min.js"></script>

		<link rel="stylesheet" href="/css/skel-noscript.css" />
		<link rel="stylesheet" href="/css/style.css" />
		<link rel="stylesheet" href="/css/style-desktop.css" />

	</head>

	<body class="homepage">

		<!-- Header Wrapper -->
		<div id="header-wrapper">
			<div class="container">
				<div class="row">
					<div class="12u">

						<!-- Header -->
						<section id="header">

							<!-- Logo -->
							<h1><a href="#">无独团</a></h1>

							<!-- Nav -->
							<nav id="nav">
								<ul>
									<li class="current_page_item"><a href="index.html">首页</a></li>
									<li><a href="right-sidebar.html">在线办理</a></li>
									<li>
										<a href="">加入试练</a>
										<ul>
											<li><a href="#">加入条件</a></li>
											<li><a href="#">服务范围</a></li>
											<li><a href="#">会员须知</a></li>
											<li>
												<a href="">常见问题</a>
												<ul>
													<li><a href="#">Magna phasellus</a></li>
													<li><a href="#">Etiam dolore nisl</a></li>
													<li><a href="#">Veroeros feugiat</a></li>
												</ul>
											</li>
											<li><a href="#">合作伙伴</a></li>
										</ul>
									</li>

									<li><a href="left-sidebar.html">会员服务</a></li>
									<li><a href="no-sidebar.html">俱乐部公告</a></li>
								</ul>
							</nav>

						</section>

					</div>
				</div>
				<div class="row">
					<div class="12u">

						<!-- Banner -->
						<section id="banner">
							<a href="http://facebook.com/DreametryDoodle">
								<span class="image image-full"><img src="images/pic01.jpg" alt="" /></span>
								<header>
									<h2>Howdy. This is Dopetrope.</h2>
									<span class="byline">A responsive site template by HTML5 UP</span>
								</header>
							</a>
						</section>

					</div>
				</div>
				<div class="row">
					<div class="12u">

						<!-- Intro -->
						<section id="intro">

							<div>
								<div class="row">
									<div class="4u">
										<section class="first">
											<span class="pennant"><span class="icon64 icon64-1"></span></span>
											<header>
												<h2>Ipsum consequat</h2>
											</header>
											<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
										</section>
									</div>
									<div class="4u">
										<section class="middle">
											<span class="pennant pennant-alt"><span class="icon64 icon64-2"></span></span>
											<header>
												<h2>Magna etiam dolor</h2>
											</header>
											<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
										</section>
									</div>
									<div class="4u">
										<section class="last">
											<span class="pennant pennant-alt2"><span class="icon64 icon64-3"></span></span>
											<header>
												<h2>Tempus adipiscing</h2>
											</header>
											<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
										</section>
									</div>
								</div>
							</div>

							<div class="actions">
								<a href="#" class="button button-big">Get Started</a>
								<a href="#" class="button button-alt button-big">Learn More</a>
							</div>

						</section>

					</div>
				</div>
			</div>
		</div>

		<!-- Main Wrapper -->
		<div id="main-wrapper">
			<div class="container">
				<div class="row">
					<div class="12u">

						<!-- Portfolio -->
						<section>
							<header class="major">
								<h2>My Portfolio</h2>
							</header>
							<div>
								<div class="row">
									<div class="4u">
										<section class="box">
											<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic02.jpg" alt="" /></a>
											<header>
												<h3>Ipsum feugiat et dolor</h3>
											</header>
											<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
											<footer>
												<a href="#" class="button button-alt">Find out more</a>
											</footer>
										</section>
									</div>
									<div class="4u">
										<section class="box">
											<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic03.jpg" alt="" /></a>
											<header>
												<h3>Sed etiam lorem nulla</h3>
											</header>
											<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
											<footer>
												<a href="#" class="button button-alt">Find out more</a>
											</footer>
										</section>
									</div>
									<div class="4u">
										<section class="box">
											<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic04.jpg" alt="" /></a>
											<header>
												<h3>Consequat et tempus</h3>
											</header>
											<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
											<footer>
												<a href="#" class="button button-alt">Find out more</a>
											</footer>
										</section>
									</div>
								</div>
								<div class="row">
									<div class="4u">
										<section class="box">
											<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic05.jpg" alt="" /></a>
											<header>
												<h3>Blandit sed adipiscing</h3>
											</header>
											<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
											<footer>
												<a href="#" class="button button-alt">Find out more</a>
											</footer>
										</section>
									</div>
									<div class="4u">
										<section class="box">
											<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic06.jpg" alt="" /></a>
											<header>
												<h3>Etiam nisl consequat</h3>
											</header>
											<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
											<footer>
												<a href="#" class="button button-alt">Find out more</a>
											</footer>
										</section>
									</div>
									<div class="4u">
										<section class="box">
											<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic07.jpg" alt="" /></a>
											<header>
												<h3>Dolore nisl feugiat</h3>
											</header>
											<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
											<footer>
												<a href="#" class="button button-alt">Find out more</a>
											</footer>
										</section>
									</div>
								</div>
							</div>
						</section>

					</div>
				</div>
				<div class="row">
					<div class="12u">

						<!-- Blog -->
						<section>
							<header class="major">
								<h2>The Blog</h2>
							</header>
							<div>
								<div class="row">
									<div class="6u">
										<section class="box">
											<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic08.jpg" alt="" /></a>
											<header>
												<h3>Magna tempus consequat lorem</h3>
												<span class="byline">Posted 45 minutes ago</span>
											</header>
											<p>Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit adipiscing feugiat phasellus tempus hendrerit, tortor vitae mattis tempor, sapien sem feugiat sapien, id suscipit magna felis nec elit. Class aptent
												taciti sociosqu ad litora torquent per conubia nostra, per inceptos lorem ipsum dolor sit amet.</p>
											<footer class="actions">
												<a href="#" class="button button-icon button-icon-1">Continue Reading</a>
												<a href="#" class="button button-alt button-icon button-icon-2">33 comments</a>
											</footer>
										</section>
									</div>
									<div class="6u">
										<section class="box">
											<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic09.jpg" alt="" /></a>
											<header>
												<h3>Aptent veroeros et aliquam</h3>
												<span class="byline">Posted 45 minutes ago</span>
											</header>
											<p>Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit adipiscing feugiat phasellus tempus hendrerit, tortor vitae mattis tempor, sapien sem feugiat sapien, id suscipit magna felis nec elit. Class aptent
												taciti sociosqu ad litora torquent per conubia nostra, per inceptos lorem ipsum dolor sit amet.</p>
											<footer class="actions">
												<a href="#" class="button button-icon button-icon-1">Continue Reading</a>
												<a href="#" class="button button-alt button-icon button-icon-2">33 comments</a>
											</footer>
										</section>
									</div>
								</div>
							</div>
						</section>

					</div>
				</div>
			</div>
		</div>

		<!-- Footer Wrapper -->
		<div id="footer-wrapper">

			<!-- Footer -->
			<section id="footer" class="container">
				<div class="row">
					<div class="8u">

						<section>
							<header>
								<h2>Blandit nisl adipiscing</h2>
							</header>
							<ul class="dates">
								<li>
									<span class="date">Jan <strong>27</strong></span>
									<h3><a href="#">Lorem dolor sit amet veroeros</a></h3>
									<p>Ipsum dolor sit amet veroeros consequat blandit ipsum phasellus lorem consequat etiam.</p>
								</li>
								<li>
									<span class="date">Jan <strong>23</strong></span>
									<h3><a href="#">Ipsum sed blandit nisl consequat</a></h3>
									<p>Blandit phasellus lorem ipsum dolor tempor sapien tortor hendrerit adipiscing feugiat lorem.</p>
								</li>
								<li>
									<span class="date">Jan <strong>15</strong></span>
									<h3><a href="#">Magna tempus lorem feugiat</a></h3>
									<p>Dolore consequat sed phasellus lorem sed etiam nullam dolor etiam sed amet sit consequat.</p>
								</li>
								<li>
									<span class="date">Jan <strong>12</strong></span>
									<h3><a href="#">Dolore tempus ipsum feugiat nulla</a></h3>
									<p>Feugiat lorem dolor sed nullam tempus lorem ipsum dolor sit amet nullam consequat.</p>
								</li>
								<li>
									<span class="date">Jan <strong>10</strong></span>
									<h3><a href="#">Blandit tempus aliquam?</a></h3>
									<p>Feugiat sed tempus blandit tempus adipiscing nisl lorem ipsum dolor sit amet dolore.</p>
								</li>
							</ul>
						</section>

					</div>
					<div class="4u">

						<section>
							<header>
								<h2>What's this all about?</h2>
							</header>
							<a href="http://facebook.com/DreametryDoodle" class="image image-full"><img src="images/pic10.jpg" alt="" /></a>
							<p>
								This is <a href="http://html5up.net/dopetrope/">Dopetrope</a> a free, fully responsive HTML5 site template by
								<a href="http://n33.co">AJ</a> for <a href="http://html5up.net/">HTML5 UP</a> It's released for free under the <a href="http://html5up.net/license/">CCA</a> license so feel free to use it for any personal or commercial project &ndash; just don't
								forget to credit us! <strong>PS:</strong> The awesome placeholder artwork used in this design is courtesy of <a href="http://facebook.com/DreametryDoodle/">Dreametry Doodle</a>.
							</p>
							<footer>
								<a href="#" class="button">Find out more</a>
							</footer>
						</section>

					</div>
				</div>
				<div class="row">
					<div class="4u">

						<section>
							<header>
								<h2>Tempus consequat</h2>
							</header>
							<ul class="divided">
								<li><a href="#">Lorem ipsum dolor sit amet sit veroeros</a></li>
								<li><a href="#">Sed et blandit consequat sed tlorem blandit</a></li>
								<li><a href="#">Adipiscing feugiat phasellus sed tempus</a></li>
								<li><a href="#">Hendrerit tortor vitae mattis tempor sapien</a></li>
								<li><a href="#">Sem feugiat sapien id suscipit magna felis nec</a></li>
								<li><a href="#">Elit class aptent taciti sociosqu ad litora</a></li>
							</ul>
						</section>

					</div>
					<div class="4u">

						<section>
							<header>
								<h2>Ipsum et phasellus</h2>
							</header>
							<ul class="divided">
								<li><a href="#">Lorem ipsum dolor sit amet sit veroeros</a></li>
								<li><a href="#">Sed et blandit consequat sed tlorem blandit</a></li>
								<li><a href="#">Adipiscing feugiat phasellus sed tempus</a></li>
								<li><a href="#">Hendrerit tortor vitae mattis tempor sapien</a></li>
								<li><a href="#">Sem feugiat sapien id suscipit magna felis nec</a></li>
								<li><a href="#">Elit class aptent taciti sociosqu ad litora</a></li>
							</ul>
						</section>

					</div>
					<div class="4u">

						<section>
							<header>
								<h2>Vitae tempor lorem</h2>
							</header>
							<ul class="social">
								<li class="facebook"><a href="#" class="icon48 icon48-1">Facebook</a></li>
								<li class="twitter"><a href="http://twitter.com/n33co" class="icon48 icon48-2">Twitter</a></li>
								<li class="dribbble"><a href="http://dribbble.com/n33" class="icon48 icon48-3">Dribbble</a></li>
								<li class="linkedin"><a href="#" class="icon48 icon48-4">LinkedIn</a></li>
								<li class="googleplus"><a href="#" class="icon48 icon48-6">Google+</a></li>
							</ul>
							<ul class="contact">
								<li>
									<h3>Address</h3>
									<p>
										Untitled Incorporated
										<br /> 1234 Somewhere Road Suite #5432
										<br /> Nashville, TN 00000-0000
									</p>
								</li>
								<li>
									<h3>Mail</h3>
									<p><a href="#">someone@untitled.tld</a></p>
								</li>
								<li>
									<h3>Phone</h3>
									<p>(800) 000-0000</p>
								</li>
							</ul>
						</section>

					</div>
				</div>
				<div class="row">
					<div class="12u">

						<!-- Copyright -->
						<div id="copyright">
							<ul class="links">
								<li>&copy; Untitled </li>
								<li>Images: <a href="http://facebook.com/DreametryDoodle">Dreametry Doodle</a> + <a href="http://iconify.it">Iconify.it</a></li>
								<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
							</ul>
						</div>

					</div>
				</div>
			</section>

		</div>

	</body>

</html>